<template>
  <n-flex justify="space-between" class="w100 mb-8">
    <n-input placeholder="请输入角色名称" style="width: 230px">
      <template #prefix>
        <n-icon :component="Search" />
      </template>
    </n-input>
    <n-flex algin="center">
      <slot></slot>
      <n-button size="small" quaternary>
        <template #icon>
          <n-icon :component="FilterOutline" size="18" />
        </template>
      </n-button>
    </n-flex>
  </n-flex>
</template>

<script lang="ts" setup>
  import { Search, FilterOutline } from '@vicons/ionicons5'
</script>

<style scoped lang="scss"></style>
